<!DOCTYPE html>

<html>
    <head>
        <link rel="stylesheet" href="css/whereami.css">
        <script src="js/staticmap.js" type="text/javascript"></script>
        <script src="js/geolocation.js" type="text/javascript"></script>
        <meta charset="utf-8">
        <!-- Nokia Maps API -->
        <script src="http://api.maps.nokia.com/2.1.1/jsl.js" type="text/javascript" charset="utf-8">
        </script>
    </head>

    <body onload="init()">
        <!-- Map -->
        <div id="mapContainer" class="mapContainer" onclick="stopPositionReadingInQml()"></div>

        <!-- Info note -->
        <div id="informationNote" class="informationNote">
            <p id="informationText" class="informationText">Loading...</p>
        </div>
        
        <!-- Info page content -->
        <div id="infoContainer" class="infoContainer">
            <h3>WhereAmI version 1.0</h3>
            <p>
                This simple Nokia, hybrid application example demonstrates the
                use of HTML5 Geolocation API and is implemented with Qt Quick.
                The HTML content is displayed by QML WebView element. The
                example also demonstrates the use of Nokia Maps JavaScript APIs.
            </p>
            <p>
                All the views, except for the splash screen, are written with
                HTML and displayed in a web view. The tool bar, status bar, and
                the application main window are built with Qt Quick Components.
            </p>
            <p>
                Find the implementation notes, latest version of this example
                and contribute in
                <a href="http://projects.developer.nokia.com/whereami">Nokia Developer Projects</a>.
            </p>
        </div>

    </body>
</html>
